<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
		 div{
		 	width: 200px;
		 	height: 200px;
		 	background: pink;
		 	transition: all 0.3s;
		 }
		 div:hover{
		/*	transform: translate(水平方向的移动距离，垂直方向的移动距离);	 	*/
		 	transform: translate(200px,300px);
		 }
		 .box{
		 	position: absolute;
		 	top: 50%;
		 	left: 50%;
			/* 不用计算宽高，50%取的是他自身的50% 	*/
/*		 	transform: translate(-50%,-50%);*/
			/**/
			transform: translate(200px);
		 }
	</style>
</head>
<body>
	 <div></div>
	 <div></div>
	 <div class="box"></div>
</body>
</html>